<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="content-language" content="zh-CN" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <meta name="screen-orientation" content="portrait">
    <meta name="x5-orientation" content="portrait">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="browsermode" content="application">
    <meta name="x5-page-mode" content="app">
    <meta name="msapplication-tap-highlight" content="no">
    <title>附近</title>
    <style type="text/css" rel="stylesheet">
        html,body{margin:0;padding:0;width:100%;height:100%;}
        img,canvas{-webkit-touch-callout:none;}
        #container{width:100%;height:100%;}
        .amap-logo img{margin-left:55px;margin-bottom:10px;}
        .amap-scalecontrol{margin-left:58px;margin-bottom:15px;}
        .amap-copyright{display: none;}
        .locationIcon{background-color:#fff;width:36px;height:36px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            box-shadow: 2px 2px 5px #888888;
        }
        .locationIcon>img{width:32px;margin-left:2px;margin-top:2px;}
        .makerStyle{background-color:#FF4814;font-size:12px;color:#fff;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            width:50px;
            height:30px;
            line-height:30px;
            text-align: center;
        }
        .infoWindow{
            width:280px;
            height:130px;
            font-size:13px;
            background-color:#fff;
            box-shadow: 2px 2px 2px #888;
            padding-bottom: 20px;
        }
        .info_arrow{
            height:20px;
            width:20px;
            transform:rotate(-45deg);
            -ms-transform:rotate(-45deg);
            -moz-transform:rotate(45deg);
            -webkit-transform:rotate(45deg);
            -o-transform:rotate(45deg);
            padding-left: 0 !important;
            position: absolute;
            left:125px;
            top:132px;
            background-color:#ffffff;
            z-index: 4;
        }
        .info_title{
            background-color:#0090FF;
            height:28px;line-height:28px;color:#fff;padding-left:10px;
        }
        .infoWindow>div{padding-left:10px;margin-bottom:5px;}
        .info_name{margin-top:10px;}
        .info_address{color: #434754;}
        .info_type{color: #434754;}
        .info_dis{}
        .dis_span{color: #FA2D00;font-weight: bold;}
        .info_close{position: absolute;width:28px;height:26px;right:0;top:0;}
        .info_close>img{margin-top:3px;right:3px;width:20px;}
        .loc_circle{width:50px;height:50px;border:2px solid #49B3F4;
            border-radius:50px;background-color:#64C7FA;opacity:0.5;}
        .loc_img{position: relative;left:20px;top:-34px;}
    </style>
    <script src="https://webapi.amap.com/maps?v=1.4.15&key=7ebb8e412576c2c42b8ea82d466369d8"></script>
</head>
<body>

</body>
</html>
